<template>
    <div class="card" style="flex: 0 0 auto;">
        <div class="card-body">
            <h5 class="card-title">{{title}}</h5>
            <p class="card-text">{{content}}</p>
            <a  href="#" class="btn btn-primary rounded btn-block">点击查看</a>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Card",
        props:{
            imgUrl: String,
            title: String,
            content: String
        }
    }
</script>

<style scoped>
    .card{
        width: 200px;
    }
    .card-text{
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
</style>
